<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
		  integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
			integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
			crossorigin="anonymous"></script>

</head>

<body>


<div class="container-fluid">
	<div class="row">
		<ul class="nav nav-tabs">
			<li class="nav-item">
				<a class="nav-link active"  target="navFrame" aria-current="page" href="logRecord">URL访问记录</a>
			</li>

			<li class="nav-item">
				<a class="nav-link"  target="navFrame"  href="logLineReport">访问人数曲线图</a>
			</li>
			<li class="nav-item">

				<a class="nav-link " target="navFrame"  href="logListReport">url统计报表</a>
			</li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="" role="button"
				   aria-expanded="false"> 设置</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item"   target="navFrame"  href="logRecord">URL限流</a></li>
					<li><a class="dropdown-item"  target="navFrame"  href="logListReport">url缓存</a></li>
					<li>
						<hr class="dropdown-divider">
					</li>
					<li><a class="dropdown-item" href="logLineReport">URL访问曲线图</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>
<br>



		<iframe id="navFrame" name="navFrame" width="100%" height="400" scrolling="yes" frameborder="10" src="logRecord"></iframe>


<script>
		$(document).ready(function () {
			$("a").click(function (e) {
				if ($(this).attr("href").length) {
					e.preventDefault();
					$(this).tab('show');
					$("#navFrame").attr("src", $(this).attr("href"));
				}
			})
		});
	</script>
</body>

</html>